<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>dom操作</title>
	</head>
	<body>
		<div id="wrapper">
			<div class="box" name="bag"></div>
			<div class="box" name="bag"></div>
			<div class="box" name="bag"></div>
			<div class="box" name="bag"></div>
			<div class="box" name="bag"></div>
		</div>
		<script>
			var wrapper = document.getElementById("wrapper");
			//标记名称获取,得到一个数组
			boxs = wrapper.getElementsByTagName("div");
			//通过类别名称获取元素,得到一个数组
			boxs = document.getElementsByClassName("box");
			//通过名称获取元素，得到一个数组
			boxs = document.getElementsByName("bag");
			//通过querySelector,得到的是满足条件的第一个
			box = document.querySelector("#wrapper>div");
			box = document.querySelector(".box");
			//通过querySelectorAll,满足条件的所有元素，是一个数组
			boxs = document.querySelectorAll("#wrapper>div");
			boxs = document.querySelectorAll(".box");
			boxs = document.querySelectorAll("[name]");
			
		</script>
	</body>
</html>